<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr"><head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>yensdesign.com - Validate Forms using PHP and jQuery</title>
	<link href="css/general.css" rel="stylesheet" type="text/css" />

</head>
<body>
	<a id="logo" title="Go to yensdesign.com!" href="logo.jpg" alt="yensdesign.com"></a>
	<div id="container">
		<h1>Registration process</h1>
		
		
		<form method="post" id="customForm" action="">
			<div>
				<label for="name">Name</label>
				<input value="er" class="error" id="name" name="name" type="text">
				<span class="error" id="nameInfo">We want names with more than 3 letters!</span>
			</div>
			<div>
				<label for="email">E-mail</label>
				<input value="ewrewr" class="error" id="email" name="email" type="text">
				<span class="error" id="emailInfo">Stop cowboy! Type a valid e-mail please :P</span>
			</div>
			<div>
				<label for="pass1">Password</label>
				<input class="error" id="pass1" name="pass1" type="password">
				<span class="error" id="pass1Info">Ey! Remember: At least 5 characters: letters, numbers and '_'</span>
			</div>
			<div>
				<label for="pass2">Confirm Password</label>
				<input class="error" id="pass2" name="pass2" type="password">
				<span class="error" id="pass2Info">Passwords doesn't match!</span>
			</div>
			<div>
				<label for="message">Message</label>
				<textarea class="error" id="message" name="message" cols="" rows=""></textarea>
			</div>
			<div>
				<input id="send" name="send" value="Send" type="submit">
			</div>
		</form>
	</div>
	<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript" src="validation.js"></script>

</body></html>